html,
body {
    overflow-x: hidden;
    width: 100%;
    height: 100%;
    display: grid;
    place-items: center;
    font-family: 思源黑体;
    margin: 0;
}

body{
    background-image: /*url("../images/bg.png");*/ url("https://image.baidu.com/search/down?thumburl=https://baidu.com&url=https://tvax2.sinaimg.cn/large/7e8b4ac8ly1hwvtfuc2rej21o40zfaip.jpg");
}
.box{
    background-color:rgba(255,255,255,0.5);
    backdrop-filter: blur(32px);
    border-radius: 10px;
    width: 60vw;
    padding: 16px;
}
#content{
    height:60vh;
    font-weight:bold;
}
#menu{
    height:48px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
*{
    transition: .3s;
}
a:hover{
    text-decoration: underline;
}
#prev:hover{
    transform:translate(-10px);
}
#next:hover{
    transform:translate(10px);
}
:root{
    --maleMC: linear-gradient(to bottom,#feb646,#ff9529);
    --cmita: linear-gradient(to bottom,#b559b3,#7605a8);
    --kmita: linear-gradient(to bottom,#bd5373,#6182cd);
    --hmita: linear-gradient(to bottom,#fe8720,#fd3d74);
    --lmita: linear-gradient(to bottom,#a00045,#1b009e);
    --mmita: linear-gradient(to bottom,#784eb4,#0d87f3);
    --shmita: linear-gradient(to bottom,#aeac63,#7725c8);
    --gmita: linear-gradient(to bottom,#ffffff,#dddddd);
    --smita: linear-gradient(to bottom,#5a0070,#9900a1);
    --dmita: linear-gradient(to bottom,#f3a1be,#f2588f);
    --mila: linear-gradient(to bottom,#c81791,#22b1b3);
    --omita: linear-gradient(to bottom,#800713,#080003);
    --hplayer: linear-gradient(to bottom,#6ea524,#12633c);
}
.narrative{
    color:#f2f2f2;
    text-shadow: 0px 0px 8px #2d2d2f;
}
.gradient{
    color:rgba(0,0,0,0.2);
}
.maleMC{
    background:var(--maleMC);
    background-clip: text;
    -webkit-background-clip: text;
    text-shadow: 0px 0px 8px #feb646;
}
.crazy-mita{
    background:var(--cmita);
    background-clip: text;
    -webkit-background-clip: text;
    text-shadow: 0px 0px 8px #b559b3;
}
.kind-mita{
    background:var(--kmita);
    background-clip: text;
    -webkit-background-clip: text;
    text-shadow: 0px 0px 8px #bd5373;
}
.hat-mita{
    background:var(--hmita);
    background-clip: text;
    -webkit-background-clip: text;
    text-shadow: 0px 0px 8px #fe8720;
}
.little-mita{
    background:var(--lmita);
    background-clip: text;
    -webkit-background-clip: text;
    text-shadow: 0px 0px 8px #a00045;
}
.mini-mita{
    background:var(--mmita);
    background-clip: text;
    -webkit-background-clip: text;
    text-shadow: 0px 0px 8px #784eb4;
}
.shorthair-mita{
    background:var(--shmita);
    background-clip: text;
    -webkit-background-clip: text;
    text-shadow: 0px 0px 8px #aeac63;
}
.ghost-mita{
    background:var(--gmita);
    background-clip: text;
    -webkit-background-clip: text;
    text-shadow: 0px 0px 8px #2d2d2f;
}
.sleep-mita{
    background:var(--smita);
    background-clip: text;
    -webkit-background-clip: text;
    text-shadow: 0px 0px 8px #5a0070;
}
.d2-mita{
    background:var(--dmita);
    background-clip: text;
    -webkit-background-clip: text;
    text-shadow: 0px 0px 8px #f3a1be;
}
.mila{
    background:var(--mila);
    background-clip: text;
    -webkit-background-clip: text;
    text-shadow: 0px 0px 8px #c81791;
}
.oldver-mita{
    background:var(--omita);
    background-clip: text;
    -webkit-background-clip: text;
    text-shadow: 0px 0px 8px #800713;
}
.hurt-player{
    background:var(--hplayer);
    background-clip: text;
    -webkit-background-clip: text;
    text-shadow: 0px 0px 8px #6ea524;
}
.opinion{
    padding: 16px;
    color:#2d2d2f;
}
a{
    color:#2d2d2f;
    text-decoration: none;
}
p{
    margin-block-start: 0;
    padding: 0;
}
/*
    所有米塔渐变颜色
    疯狂米塔：#b559b3,#7605a8
    善良米塔：#bd5373,#6182cd
    帽子米塔：#fe8720,#fd3d74
    小米塔：#a00045,#1b009e
    袖珍米塔：#784eb4,#0d87f3
    短发米塔：#aeac63,#7725c8
    幽灵米塔：#ffffff,#dddddd
    瞌睡米塔：#5a0070,#9900a1
    二维米塔：#f3a1be,#f2588f
    米拉：#c81791,#22b1b3
    旧版本米塔：#800713,#080003
    玩家：#feb646,#ff9529
    受伤的玩家：#6ea524,#12633c
*/
h1,h2,h3,h4,h5,h6{
    padding: 0;
}